<template>
  <z-paging>
    <template #top>
      <view class="mx-30 py-40">
        <u-search
          placeholder="请输入您想搜索的医院名称"
          bgColor="#fff"
          v-model="keyword"
          :showAction="false"></u-search>
      </view>
    </template>
    <view
      class="bg-white rd-2 mb-20 p-30 box-border flex mx-30 items-center"
      v-for="item in 10"
      :key="item"
      @click="$u.route('/pagesA/hospital/index')">
      <u-image
        :src="$sc.loadImg('banner.png')"
        width="120rpx"
        height="120rpx"
        shape="circle"></u-image>
      <view class="flex-1 ml-30">
        <view class="color-#333 text-30"> 寿光皮肤病医院 </view>
        <view class="text-24 color-#999 my-16">
          山东省潍坊市寿光市圣城街道皮肤病医院
        </view>
        <view class="text-24 color-#999"> 1.6km </view>
      </view>
      <view class="">
        <u-icon name="arrow-right"></u-icon>
      </view>
    </view>
  </z-paging>
</template>

<script setup>
const keyword = ref("");
</script>

<style lang="scss" scoped></style>
